<template>
  <div>
    <a @click="toHeima" href="http://www.itheima.com">去黑马</a>
    <!-- $event 是 vue 内置的成员 -->
    <a @click="toItcast('黑马真牛', $event)" href="http://www.itcast.com">去传智</a>
  </div>
</template>

<script>
export default {
  // 定义数据
  data() {
    return {
     
      }
    },
    // 定义方法(函数)
    methods: {
      toHeima(e) {
        // console.log('我被点了')
        // 阻止默认行为
        // 需要用到事件对象
        // 1. 无传参 第一个形参就是事件对象
        e.preventDefault()
      },
      toItcast(msg, e) {
        // 脚手架项目会自动开启 ESlint
        // 隐藏福利: 声明变量后不使用会报错
        // ESlint: 约束程序员写代码的风格
        // let a = 10
        // 如何关闭: 去 vue.config.js 中设置 lintOnSave: false

        // 2. 有传参 需要手动通过 $event 传入事件对象
        // Tips: #event 是 vue 内置成员, 不能随便写
        console.log('我被点了', msg)
        e.preventDefault()
      }
    }
  }
</script>

<style>
 
</style>
